todo list 바닐라 자바스크립트를 이용한 Todo List 만들기 - 1 구글폰트, 폰트어썸, JS, CSS연결과 같은 기본적인 세팅 ul내부에 li태그는 JavaScript로 구현을 할 것이기 때문에 비워둔다. app.js로 옮겨가서 Selectors, Event Listeners, Functions로 나누어 코드를 작성한다. button 클릭시 browser가 새로고침 되는 것을 방지하기위해 addTodo()함수에 'event.preventDefault();'... JavaScripttodo listJavaScript [Vanilla js] To Do List(할 일 수정기능) (이벤트 버블링) To Do List에서 입력된 할 일을 수정버튼을 이용해 수정하는 코드 구현 할 일의 수정 버튼을 누르면 prompt창이 뜸 prompt 인터페이스에서 할 일을 입력받고, 확인버튼을 누르면 할 일이 수정됨 이벤트 버블링 이벤트 버블링은 HTML의 특성으로 생기는 현상 부모를 클릭했을 때, 자식한테 이벤트가 발생 ex)팝업 바깥쪽을 클릭했을 때 팝업이 닫히는 경우 만약 ul > li > but... vanilla jsJavaScripttodo listJavaScript No.12 todo list(추가 기능) react를 배우면서 가장 기초가 되는 state props의 개념을 알고있다고 착각했었다. 막상 todo list를 짜보려니 멍 때리는 내 자신을 보니 너무 바보같았다. 그래서 todo list를 차근차근 만들면서 하루하루 다시 기록하려한다. 우선 처음은 typescript로 할지? javascript로 할지? 고민을 많이했다. 아무래도 typescript는 스터디중이라 겸사겸사 하면 어떨... todo listtodotodoListReact추가추가기능React
바닐라 자바스크립트를 이용한 Todo List 만들기 - 1 구글폰트, 폰트어썸, JS, CSS연결과 같은 기본적인 세팅 ul내부에 li태그는 JavaScript로 구현을 할 것이기 때문에 비워둔다. app.js로 옮겨가서 Selectors, Event Listeners, Functions로 나누어 코드를 작성한다. button 클릭시 browser가 새로고침 되는 것을 방지하기위해 addTodo()함수에 'event.preventDefault();'... JavaScripttodo listJavaScript [Vanilla js] To Do List(할 일 수정기능) (이벤트 버블링) To Do List에서 입력된 할 일을 수정버튼을 이용해 수정하는 코드 구현 할 일의 수정 버튼을 누르면 prompt창이 뜸 prompt 인터페이스에서 할 일을 입력받고, 확인버튼을 누르면 할 일이 수정됨 이벤트 버블링 이벤트 버블링은 HTML의 특성으로 생기는 현상 부모를 클릭했을 때, 자식한테 이벤트가 발생 ex)팝업 바깥쪽을 클릭했을 때 팝업이 닫히는 경우 만약 ul > li > but... vanilla jsJavaScripttodo listJavaScript No.12 todo list(추가 기능) react를 배우면서 가장 기초가 되는 state props의 개념을 알고있다고 착각했었다. 막상 todo list를 짜보려니 멍 때리는 내 자신을 보니 너무 바보같았다. 그래서 todo list를 차근차근 만들면서 하루하루 다시 기록하려한다. 우선 처음은 typescript로 할지? javascript로 할지? 고민을 많이했다. 아무래도 typescript는 스터디중이라 겸사겸사 하면 어떨... todo listtodotodoListReact추가추가기능React